// 函数
function hexToHSLChema(HEX) {
    let r = 0, g = 0, b = 0;
    if (HEX.length == 4) {
        r = "0x" + HEX[1] + HEX[1];
        g = "0x" + HEX[2] + HEX[2];
        b = "0x" + HEX[3] + HEX[3];
    } else if (HEX.length == 7) {
        r = "0x" + HEX[1] + HEX[2];
        g = "0x" + HEX[3] + HEX[4];
        b = "0x" + HEX[5] + HEX[6];
    }
    r /= 255;
    g /= 255;
    b /= 255;
    let cmin = Math.min(r, g, b),
        cmax = Math.max(r, g, b),
        delta = cmax - cmin,
        h = 0,
        s = 0,
        l = 0;

    if (delta == 0)
        h = 0;
    else if (cmax == r)
        h = ((g - b) / delta) % 6;
    else if (cmax == g)
        h = (b - r) / delta + 2;
    else
        h = (r - g) / delta + 4;

    h = Math.round(h * 60);

    if (h < 0) h += 360;

    l = (cmax + cmin) / 2;
    s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
    s = +(s * 100).toFixed(1);
    l = +(l * 100).toFixed(1);

    return { h, s, l }
}

// 静态配置
export const topmenuData = [
    {
        id: "logo",
        type: "customHTML",
        html: "<img src='/hsping.png' alt='logo' style='width: 56px; height: 56px;'/>",
        css: "logo-container",
    },
    {
        id: "title",
        type: "selectButton",
        value: "慧扫评系统",
    },
    {
        type: "spacer",
    },
    {
        "id": "skin",
        "value": "主题",
        "items": [
            {
                "id": "autoMode",
                "value": "跟随系统"
            },
            {
                "id": "lightMode",
                "value": "浅色模式"
            },
            {
                "id": "darkMode",
                "value": "深色模式"
            }
        ]
    },
    {
        id: "topmenuLinks",
        icon: "mdi mdi-earth",
        tooltip: "链接",
        type: "button",
        view: "link",
        color: "secondary",
        circle: true,
    },
    {
        id: "setting",
        icon: "mdi mdi-cog",
        tooltip: "设置",
        type: "button",
        view: "link",
        color: "secondary",
        circle: true,
    },
    {
        id: "topmenuInfo",
        icon: "mdi mdi-alert-circle-outline",
        tooltip: "关于我们",
        type: "button",
        view: "link",
        color: "secondary",
        circle: true,
    },
    {
        id: "signin",
        type: "button",
        value: "登录",
    },
    {
        id: "signup",
        type: "button",
        value: "注册",
    },
];

export const sidebarData = [
    {
        id: "toggle",
        css: "toggle-button",
        icon: "mdi mdi-backburger",
    },
    {
        type: "customHTML",
        id: "userInfo",
        css: "user-info_item",
        html:
            "<div class='user-info_container'>" +
            "<img class='user-info_avatar' src='https://snippet.dhtmlx.com/codebase/data/common/img/02/avatar_63.jpg'/>" +
            "<div class='user-info_title'>" +
            "Gloria Miky" +
            "</div>" +
            "<div class='user-info_contact'>" +
            "@miky" +
            "</div>" +
            "</div>",
    },
    {
        type: "separator",
    },
    {
        id: "today",
        value: "Today",
        icon: "mdi mdi-calendar-star",
    },
    {
        id: "overdue",
        value: "Overdue",
        icon: "mdi mdi-calendar-start",
    },
    {
        id: "unscheduled",
        value: "Unscheduled",
        icon: "mdi mdi-calendar-blank",
    },
    {
        type: "separator",
    },
    {
        id: "projects",
        value: "Projects",
        icon: "mdi mdi-folder-star-outline",
        items: [
            {
                id: "project1",
                value: "Project 1",
                icon: "mdi mdi-plus",
            },
            {
                id: "project2",
                value: "Project 2",
                icon: "mdi mdi-plus",
            },
            {
                id: "project3",
                value: "Project 3",
                icon: "mdi mdi-plus",
            },
        ],
    },
    {
        type: "separator",
    },
    {
        id: "assigned",
        value: "Assigned",
        icon: "mdi mdi-account-search-outline",
        items: [
            {
                id: "person1",
                value: "Person 1",
                icon: "mdi mdi-plus",
            },
            {
                id: "person2",
                value: "Person 2",
                icon: "mdi mdi-plus",
            },
            {
                id: "Person3",
                value: "person 3",
                icon: "mdi mdi-plus",
            },
        ],
    },
    {
        type: "separator",
    },
    {
        type: "spacer",
    },
    {
        type: "separator",
    },
    {
        id: "notification",
        value: "消息通知",
        count: 18,
        icon: "mdi mdi-bell-outline",
        countColor: "#D60000",
    },
    {
        id: "configuration",
        value: "个人设置",
        icon: "mdi mdi-tune",
        items: [
            {
                id: "myAccount",
                value: "我的账户",
                icon: "mdi mdi-account-settings",
            },
            {
                id: "general",
                value: "General Configuration",
                icon: "mdi mdi-tune",
            },
        ],
    },
];

// UI配置
export const systemLayoutConfig = {
    // 核心属性
    cols: [
        {
            rows: [
                { id: "toolbar", height: 56 },
                { id: "tabbar" },
            ]
        },
        {
            id: "sidebar",
            width: "content",
            css: "dhx_widget--border_right"
        },
    ],
    // 交互配置
    // 事件绑定
    // 布局配置
    type: "line",
    // 其他默认值
};

export const systemTabbarConfig = {
    // 核心属性
    views: [
        { id: "about", tab: "关于", },
        { id: "home", tab: "首页", },
        { id: "test", tab: "测验", },
        { id: "class", tab: "班级", },
    ],
    // 交互配置
    // 事件绑定
    // 布局配置
    // 其他默认值
    tabAlign: "center",
};

export const systemSidebarConfig = {
    // 核心属性
    // 交互配置
    // 事件绑定
    // 布局配置
    collapsed: true,
    css: "dhx_widget--border_right",
    // 其他默认
};

// 测试数据
